.ant-layout-header {
  height: 75px;
  line-height: 75px;
  padding: 0 30px;
  background-color: rgba(15, 24, 32, 0.88);
}

.block-head {
  a:hover {
    color: #00a1f0 !important;
  }
  .logo {
    width: 104px;
    height: 33px;
    display: inline-block;
    float: left;
    margin: 21px 38px 20px 0;
  }
  .ant-menu.ant-menu-root {
    background-color: transparent;
    border-bottom: none;
    &>.ant-menu-item,
    &>.ant-menu-submenu {
      line-height: 75px;
    }
    .ant-menu-item-selected {
      background-color: transparent;
      color: #00a1f0;
      a {
        color: #00a1f0;
      }
    }
    .ant-menu-item {
      &:hover {
        color: #00a1f0;
      }
    }
    .ant-menu-submenu {
      transition: none;
      .ant-menu-submenu-title {
        padding: 0;
        &:hover {
          color: #00a1f0;
        }
      }
      .ant-menu-sub {
        top: 68px;
        left: 0;
        position: fixed;
        padding-left: 60px;
        padding-bottom: 20px;
        background: transparent;
        background-color: rgba(32, 44, 61, 0.89);
        border-radius: 0;
        .ant-menu-item-group {
          width: 16.67%;
          .ant-menu-item-group-title {
            color: #fff;
            font-size: 16px;
            margin-top: 30px;
            margin-bottom: 20px;
          }
          .ant-menu-item-group-list {
            .ant-menu-item {
              padding: 2px 16px;
              font-size: 14px;
              height: 32px;
              line-height: 32px;
              font-weight: 200;
            }
          }
        }
      }
      .ant-menu-sub.slide-up-leave-active {
        display: none;
      }
    }
    .ant-menu-submenu-selected {
      .ant-menu-submenu-title {
        color: #00a1f0;
      }
    }
    .ant-menu-submenu-active {
      .ant-menu-sub {
        display: flex;
      }
    }
  }
  .ant-menu.menu-left {
    display: inline-flex;
    .ant-menu-item,
    .ant-menu-submenu {
      font-size: 18px;
      padding: 0 35px;
    }
  }
  .ant-menu.menu-right {
    display: inline-flex;
    float: right;
    .ant-menu-item {
      padding: 0 12px;
      color: #9fa9ba;
      &:last-child {
        padding-right: 0;
      }
      .ant-input-search {
        width: 120px;
        .ant-input {
          border-radius: 0;
          background-color: transparent;
          border-color: #444;
          color: #fff;
        }
        .ant-input-suffix {
          .anticon-search {
            color: #fff;
          }
        }
      }
      .ant-btn {
        border-radius: 0;
      }
    }
  }
  @media screen and (max-width: 1366px) {
    .ant-menu.menu-left {
      .ant-menu-item,
      .ant-menu-submenu {
        padding: 0 28px;
      }
    }
    .ant-menu.menu-right {
      .ant-menu-item {
        padding: 0 8px;
      }
    }
  }
}

.solution-menu {
  @backgroundActive: #00a1f0;
  padding: 40px;
  vertical-align: top;
  ul {
    padding: 20px !important;
    right: 0px;
  }
  .ant-menu .ant-menu-item.solution-item.ant-menu-item-selected {
    background: @backgroundActive;
  }
  .ant-menu .ant-menu-item.solution-item {
    padding: 16px 20px;
    border-radius: 4px;
    display: inline-block;
    background: #2e3037;
    margin: 10px 20px 10px;
    height: 90px;
    width: 280px;
    vertical-align: top;
    &:hover {
      background: #00a1f0;
    }
    .solution-item-title {
      font-size: 16px;
      color: #fff;
      line-height: 32px;
    }
    .solution-item-sub {
      font-size: 13px;
      color: #eee;
      line-height: 24px;
      white-space: nowrap;
    }
  }
}

.ant-menu {
  .market-menu {
    a {
      text-decoration: none;
      color: rgba(255, 255, 255, 0.67);
      &:link {
        font-size: 18px;
        text-decoration: none;

      }
    }
  }
}
.market-menu.ant-menu-submenu-selected{
  .ant-menu-submenu-title {
    a {
      color: #00a1f0;
      font-size: 18px;
    }
  }
}